<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta content="telephone=no" name="format-detection" />
    <meta content="email=no" name="format-detection" />
    <meta name="full-screen" content="yes">
    <meta name="browsermode" content="application">
    <meta name="x5-orientation" content="portrait">
    <meta name="x5-fullscreen" content="true">
    <meta name="x5-page-mode" content="app">
    <title>你工位有猫，我工位有刀</title>
    <script>;(function(doc,win){var docEl = doc.documentElement,resizeEvt = 'orientationchange' in window ? 'orientationchange':'resize',recalc = function(){var clientWidth = docEl.clientWidth;if(!clientWidth) return;docEl.style.fontSize = 20 *(clientWidth / 375)+'px'};recalc();var tid;if(!doc.addEventListener) return;win.addEventListener(resizeEvt,function(){clearTimeout(tid);tid = setTimeout(recalc,300)},false)})(document,window);</script>
    <link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body class="noselect">
<div id="wrap" style="width: 100%;height: 100%;">
    <div class="w100 h100 abso preload">
        <p class="w100 abso percent" >0%</p>
        <p class="abso start-btn fadeInUp" style="display: none"></p>
    </div>
    <div id="drawWarp">
        <div class="w100 abso roombg"></div>
        <div class="w100 abso foot-share"><img src="assets/icon_ui/foot_logo.jpg" class='share_logo'></div>
    </div>
    <div class="w100 abso foot-wrap" >
        <p class="abso icon_logo" style="display: none"><span></span>网易云课堂生在生成你的理想工位</p>
        <p class="abso finish-btn"></p>
        <div class="w100 tabs-wrap">
            <p class="type type-1 curr" data-url="icon_desk"><img src="assets/icon_ui/icon_hand2.png" class="abso hand_tishi"></p>
            <p class="type type-2" data-url="icon_computer"></p>
            <p class="type type-3" data-url="icon_live"></p>
            <p class="type type-4" data-url="icon_official"></p>
            <p class="type type-5" data-url="icon_dog"></p>
            <p class="type type-6" data-url="icon_paper"></p>
            <p class="abso close-tabs"></p>
        </div>
        <div class="w100 select-wrap">
            <div id="wrapper1" class="w100 z14 scroll-wrap curr" >
                <div class="scroller">
                    <ul class="clearfix">
                        <li data-id="desk1.png"></li>
                        <li data-id="desk2.png"></li>
                        <li data-id="desk3.png"></li>
                    </ul>
                </div>
            </div>
            <!-- icon_computer-->
            <div id="wrapper2" class="w100 z10 scroll-wrap" >
                <div class="scroller">
                    <ul class="clearfix">
                        <li data-id="comp1.png" data-zindex="z3"></li>
                        <li data-id="comp2.png" data-zindex="z2"></li>
                        <li data-id="comp4.png" data-zindex="z2"></li>
                        <li data-id="book2.png" data-zindex="z3"></li>
                        <li data-id="file1.png" data-zindex="z3"></li>
                        <li data-id="file2.png" data-zindex="z3"></li>
                        <li data-id="note.png" data-zindex="z6"></li>
                        <li data-id="shelf.png" data-zindex="z2"></li>
						<li data-id="zhiwujia1.png" data-zindex="z2"></li>
                        <li data-id="zhiwujia2.png" data-zindex="z2"></li>
                        <li data-id="taideng.png" data-zindex="z2"></li>
                        <li data-id="rili.png" data-zindex="z4"></li>
                        <li data-id="window.png" data-zindex="z1"></li>
                        <li data-id="window2.png" data-zindex="z1"></li>
                        <li data-id="window3.png" data-zindex="z1"></li>
                    </ul>
                </div>
            </div>
            <!-- icon_live-->
            <div id="wrapper6" class="w100 z10 scroll-wrap" >
                <div class="scroller">
                    <ul class="clearfix">
                        <li data-id="bottol1.png" data-zindex="z5"></li>
                        <li data-id="bottol2.png" data-zindex="z5"></li>
                        <li data-id="bottol3.png" data-zindex="z5"></li>
                        <li data-id="dumbbell.png" data-zindex="z6"></li>
                        <li data-id="lipstick.png" data-zindex="z5"></li>
                        <li data-id="game.png" data-zindex="z3"></li>
                        <li data-id="mirror.png" data-zindex="z3"></li>
                        <li data-id="plant1.png" data-zindex="z3"></li>
                        <li data-id="plant2.png" data-zindex="z3"></li>
                        <li data-id="plant3.png" data-zindex="z3"></li>
                        <li data-id="plant4.png" data-zindex="z3"></li>
                        <li data-id="shoes1.png" data-zindex="z2"></li>
                        <li data-id="shoes2.png" data-zindex="z2"></li>
                        <li data-id="toys.png" data-zindex="z2"></li>
                        <li data-id="zhaocaimao.png" data-zindex="z3"></li>
                        
                    </ul>
                </div>
            </div>
            <!-- icon_official-->
            <div id="wrapper3" class="w100 z10 scroll-wrap" >
                <div class="scroller">
                    <ul class="clearfix">
                        <li data-id="book.png" data-zindex="z3"></li>
                        <li data-id="book1.png" data-zindex="z3"></li>
                        <li data-id="drink.png" data-zindex="z5"></li>
                        <li data-id="duck.png" data-zindex="z3"></li>
                        <li data-id="erji.png" data-zindex="z6"></li>
                        <li data-id="knife.png" data-zindex="z3"></li>
                        <li data-id="noodles.png" data-zindex="z5"></li>
                        <li data-id="oil.png" data-zindex="z3"></li>
                        <li data-id="pot.png" data-zindex="z5"></li>
                        <li data-id="toy3.png" data-zindex="z2"></li>
                        <li data-id="zawu.png" data-zindex="z2"></li>
                        <li data-id="coffee.png" data-zindex="z5"></li>
                        <li data-id="juanzhi.png" data-zindex="z3"></li>
						<li data-id="carmodel.png" data-zindex="z4"></li>
                        <li data-id="biao.png" data-zindex="z4"></li>
                        <li data-id="jiashiqi.png" data-zindex="z5"></li>
                        <li data-id="baowenbei.png" data-zindex="z3"></li>
                    </ul>
                </div>
            </div>
            <!-- icon_dog-->
            <div id="wrapper5" class="w100 z10 scroll-wrap" >
                <div class="scroller">
                    <ul class="clearfix">
                        <li data-id="cat1.png" data-zindex="z6"></li>
                        <li data-id="cat2.png" data-zindex="z6"></li>
                        <li data-id="cat3.png" data-zindex="z6"></li>
                        <li data-id="cat4.png" data-zindex="z6"></li>
                        <li data-id="cat5.png" data-zindex="z6"></li>
                        <li data-id="dog1.png" data-zindex="z6"></li>
                        <li data-id="dog2.png" data-zindex="z6"></li>
                        <li data-id="dog3.png" data-zindex="z6"></li>
                        <li data-id="dog4.png" data-zindex="z6"></li>
                        <li data-id="dog5.png" data-zindex="z6"></li>
                        <li data-id="dog6.png" data-zindex="z6"></li>
                        <li data-id="dog7.png" data-zindex="z6"></li>
                        <li data-id="dog8.png" data-zindex="z6"></li>
                        <li data-id="dog9.png" data-zindex="z6"></li>
                    </ul>
                </div>
            </div>
            <!-- icon_paper-->
            <div id="wrapper4" class="w100 z10 scroll-wrap" >
                <div class="scroller">
                    <ul class="clearfix">
                        <li data-id="paper1.png" data-zindex="z2"></li>
                        <li data-id="paper2.png" data-zindex="z2"></li>
                        <li data-id="paper3.png" data-zindex="z2"></li>
                        <li data-id="paper4.png" data-zindex="z2"></li>
                        <li data-id="paper5.png" data-zindex="z2"></li>
                        <li data-id="paper6.png" data-zindex="z2"></li>
                        <li data-id="paper7.png" data-zindex="z2"></li>
                        <li data-id="paper8.png" data-zindex="z2"></li>
                        <li data-id="paper9.png" data-zindex="z2"></li>
                        <li data-id="paper10.png" data-zindex="z2"></li>
                        <li data-id="paper11.png" data-zindex="z2"></li>
                        <li data-id="paper20.png" data-zindex="z2"></li>
                        <li data-id="paper21.png" data-zindex="z2"></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="w100 h100 abso end-page">
        <img src="assets/Room.jpg" id="finalDesk">
    </div>

    <canvas id="ourCanvas" width="" height=""></canvas>
</div>
<div class="w100 abso save-tishi">
    <div class="w100 h100 flex-wrap">
        <p class="back-btn bounceIn"></p>
        <p class="link-btn bounceIn"></p>
        <span class="w100 abso">长按上图即可保存图片分享</span>
    </div>
</div>
<script src="js/zepto.min.js" type="text/javascript"></script>
<script src="js/iscroll.js" type="text/javascript"></script>
<script src="js/h2c.js" type="text/javascript"></script>
<script>
	$(document).ready(function(){
		if(navigator.cookieEnabled) {  
			var wyCo = getCookie('sstoken');
			if(wyCo == "") {
                // 微信环境跳转
				// window.location.href = "https://zhiyan.zxhong.com/weixin/beike/wxapi/wy.php?method=auth&scope=snsapi_base&url="+document.URL;
			}
		} else {
			
		}
	});

	function getCookie(name)
	{
	var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
	if(arr=document.cookie.match(reg))
		return unescape(arr[2]);
	else
		return "";
	}

	function setCookie(name,value)
	{
		var Days = 30;
		var exp = new Date();
		exp.setTime(exp.getTime() + Days*24*60*60*1000);
		document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
	}
 
 </script>

<script src="js/wy.min.js" type="text/javascript"></script>

</body>
</html>